@charset "utf-8";
/*公共样式*/

body,
div,
a,
h1,
h2,
h3,
h4,
h5,
span,
strong,
p,
label,
input {
	padding: 0px;
	margin: 0px;
	border: none;
	text-decoration: none;
	font-family: "微软雅黑";
	color: #333;
}
.floatclear {
	clear: both;
}
body {
	background: #fff;
}
#top {
	width: 100%;
	height: 57px;
	background: url(../images/topbg.jpg) repeat-x;
}
.topc {
	width: 1100px;
	height: 42px;
	margin: 0 auto;
	padding-top: 15px;
}
.topl {
	float: left;
	height: 42px;
	background: url(../images/icom1.png) left center no-repeat;
	text-indent: 18px;
	font: normal 14px/42px "微软雅黑";
}
.topr {
	float: right;
}
.topr a {
	display: block;
	float: left;
	height: 48px;
	margin-left: 10px;
	font: normal 14px/45px "微软雅黑";
}
.topr a.log {
	width: 90px;
	text-align: center;
	height: 41px;
	background: #d11a0a;
}
.topr a.log span {
	display: block;
	background: url(../images/icom2.png) 20px center no-repeat;
	text-indent: 10px;
	color: #fff;
}
;
.topr a:hover {} #center {
	width: 760px;
	margin: 0 auto;
	margin-top: 32px;
}
.centerc {} .centerc a {
	display: block;
	width: 180px;
	height: 112px;
	margin: 0 auto;
}
.ti {
	width: 700px;
	height: 30px;
	margin: 0 auto;
	margin-top: 32px;
	overflow: hidden;
}
.ti h2 {
	float: left;
	margin-left: 220px;
	font: normal 24px/24px "微软雅黑";
	color: #d01a0b;
}
.ti h3 {
	float: left;
	margin-left: 50px;
	font: normal 16px/30px "微软雅黑";
	color: #939393;
}
.ti h3 a {
	float: right;
	font: normal 16px/30px "微软雅黑";
	color: #5178c7;
}
.cen {
	width: 692px;
	height: 400px;
	background: url(../images/centerbg.png) center no-repeat;
	margin: 0 auto;
	padding-left: 150px;
	padding-top: 30px;
}
.cen label {
	font: normal 18px/50px "微软雅黑";
	color: #5178C7;
}
.cen label.mi2 {
	margin-top: 24px;
}
.cen label.ji {
	float: left;
	color: #333;
}
.cen input {
	width: 476px;
	height: 48px;
	border: 1px solid #e2e1e1;
	color: #939393;
	text-indent: 10px;
}
.cen input.jiz {
	float: left;
	width: 18px;
	height: 18px;
	margin-top: 17px;
}
.cen a {
	float: right;
	margin-right: 214px;
	display: block;
	width: 118px;
	height: 20px;
	color: #5178C7;
	margin-top: 20px;
}
.cen .logbtn {
	font: normal 30px/56px "幼圆";
	width: 476px;
	height: 56px;
	text-align: center;
	color: #fff;
	background: #e60012;
	border: 0px;
	border-radius: 10px;
}

/*底部样式*/
.footer_bg1 {
	width: 100%;
	border-top: 1px solid #464646;
	margin-top: 25px;
}
.footer_bg2 {
	width: 100%;
	background: #414142;
	border-top: 1px solid #636363;
}
.footer_con {
	width: 1100px;
	height: 166px;
	margin: 0 auto;
	border-bottom: 1px solid #323232;
	padding: 27px 0;
}
.footer_logo {
	float: left;
	width: 195px;
	height: 166px;
	border-right: 1px dashed #7e7e7e;
	text-align: center;
}
.footer_logo img {
	margin-top: 20px;
}
.footer_nav {
	float: left;
	width: 404px;
	height: 166px;
	border-right: 1px dashed #7e7e7e;
	padding-left: 26px;
}
.footer_nav h5 {
	color: #afafaf;
	font: bold 14px/24px SimSun;
	margin-top: 6px;
}
.footer_nav p {
	padding-left: 30px;
}
.footer_nav p a {
	color: #afafaf;
	font: normal 12px/24px SimSun;
}
.footer_nav p a:hover {
	color: #fff;
	text-decoration: underline;
}
.footer_contact {
	float: left;
	width: 270px;
	height: 166px;
	border-right: 1px dashed #7e7e7e;
	padding-left: 30px;
}
.footer_contact h4 {
	font: normal 14px/22px "Microsoft YaHei";
	color: #afafaf;
}
.footer_contact h3 {
	font: bold 22px/40px "Microsoft YaHei";
	color: #eee;
}
.ico_contact {
	margin-top: 10px;
}
.ico_contact a.ico_sina {
	float: left;
	width: 29px;
	height: 29px;
	background: url(../images/ico_sina.png) no-repeat;
	margin-right: 10px;
}
.ico_contact a.ico_sina:hover {
	background: url(../images/ico_sina2.png) no-repeat;
}
.ico_contact a.ico_qq {
	float: left;
	width: 172px;
	height: 29px;
	background: url(../images/ico_qq.png) no-repeat;
	padding-left: 36px;
	color: #eee;
	font: normal 14px/29px SimSun;
}
.ico_contact a.ico_qq:hover {
	background: url(../images/ico_qq2.png) no-repeat;
}
.ico_contact a.ico_wx {
	float: left;
	width: 29px;
	height: 29px;
	background: url(../images/ico_wx.png) no-repeat;
	margin-right: 10px;
}
.ico_contact a.ico_wx:hover {
	background: url(../images/ico_wx2.png) no-repeat;
}
.ico_contact a.ico_email {
	float: left;
	width: 172px;
	height: 29px;
	background: url(../images/ico_email.png) no-repeat;
	padding-left: 36px;
	color: #eee;
	font: normal 14px/29px SimSun;
}
.ico_contact a.ico_email:hover {
	background: url(../images/ico_email2.png) no-repeat;
}
.footer_join {
	float: left;
	width: 172px;
	height: 166px;
}
.footer_join a {
	float: left;
	width: 124px;
	height: 46px;
	background: url(../images/footer_btn1.png) no-repeat;
	color: #afafaf;
	text-align: center;
	font: normal 16px/46px "Microsoft YaHei";
	margin-left: 24px;
	display: inline;
	margin-top: 24px;
}
.footer_join a:hover {
	background: url(../images/footer_btn2.png) no-repeat;
	color: #fff;
}
.copyright {
	width: 1100px;
	height: 68px;
	margin: 0 auto;
	border-top: 1px solid #4e4e4f;
	padding-top: 24px;
}
.copyright .footer_ico {
	float: left;
	margin-left: 230px;
	display: inline;
}
.copyright .footer_ico img {
	margin: 0 7px;
}
.copyright p {
	color: #fff;
	float: left;
	line-height: 17px;
}

/*注册样式*/
.reg{
	
	width: 558px;
	height: 400px;
	background: url(../images/centerbg.png) center no-repeat;
	margin: 0 auto;
	padding-left: 100px;
	padding-top: 30px;
}
.reg p{
	float: left;	
	width: 265px;
	font:normal 16px/38px "微软雅黑";
}
.reg p span{
	color: #e60012;
}
.reg input{	
	float: left;
	width: 265px;
	height: 38px;	
	background: #eee;
	border: 1px solid #959595;
	border-radius: 3px;
}
.reg .yanz{
	width: 150px;
	border-radius: 3px;
}
.reg .yanzs{
	width: 108px;
	background: #0075a9;
	margin-left: 7px;
	border-radius: 3px;
}
.reg .jiz{
	width: 18px;
	}
.reg .right{margin-left: 20px;}
.reg .ji{float:left; width: 300px; font: normal 16px/30px "微软雅黑";}
.reg a{float: right; display: block;  width: 160px; height: auto; color: #0075A9; margin: 0px;}

/*for 忘记密码*/
.for{
	width: 360px;
	height: 400px;
	background: url(../images/centerbg.png) top no-repeat;
	margin: 0 auto;
	padding-left: 100px;
	padding-top: 60px;
}
.for p{font: normal 16px/16px "微软雅黑";}
.for .zhanghao{width: 320px; height: 50px; border: 1px solid #c9c9c9; border-radius: 3px; color: #c9c9c9; margin-top: 20px; margin-bottom: 20px;}
.for .logbtn{width: 320px; height: 56px; border: none; background: #e60012;border-radius: 3px; font: normal 19px/56px "微软雅黑"; color: #fff;}
/*for1 忘记密码2*/
.for2{
	width: 340px;
	height: 400px;
	background: url(../images/centerbg.png) top no-repeat;
	margin: 0 auto;
	padding-left: 100px;
	padding-top: 60px;
}
.for2 h2{font: normal 20px/20px "微软雅黑"; color: #333;}
.for2 h2 span{color: #f00;}
.for2 h3 a{display: block; width: 340px; height: 30px; font: normal 14px/30px "微软雅黑"; color: #449ef2;}


.step{width: 340px; height: 46px; background: #f8dada;margin-bottom: 20px;}
.step h2 span{display: block; float: left; font: normal 14px/46px "微软雅黑"; color: #000;}
.step h2 span.steps1{background: url(../images/icom31.png) left no-repeat;color: #e60012;}
.step h2 span.steps2{background: url(../images/icom4.png) left no-repeat;}
.step h2 span.steps3{background: url(../images/icom5.png) left no-repeat;}


a.sleft{float: left;  display: block; width: 156px; height: 156px; background: #fff; border:1px solid #a9a3a3; cursor: pointer; margin-right: 23px;}
a.sleft,a.sright:hover{box-shadow: 2px 2px 15px #414142;}
a.sleft img{margin: 0 auto; width: 64px; height: 102px; padding-left: 43px; padding-top: 20px;}
a.sright{float: left; display: block; width: 156px; height: 156px; background: #fff;border:1px solid #a9a3a3; cursor: pointer;}
a.sright img{margin: 0 auto;padding-left: 43px; padding-top: 30px;}
a h4{font: normal 14px/20px "微软雅黑"; text-align: center;}
/*for2 忘记密码3*/
.step2{width: 340px; height: 46px; background: #f8dada;margin-bottom: 20px;}
.step2 h2 span{display: block; float: left; font: normal 14px/46px "微软雅黑"; color: #000;}
.step2 h2 span.steps1{background: url(../images/icom3.png) left no-repeat;}
.step2 h2 span.steps2{background: url(../images/icom41.png) left no-repeat;color: #e60012;}
.step2 h2 span.steps3{background: url(../images/icom5.png) left no-repeat;}


.centerfor{}
.centerfor h4{background: url(../images/iphone2.png) left top no-repeat;float: left; padding-left: 54px; width: 158px; height: 64px; font: normal 14px/20px "微软雅黑";}
.centerfor h4 span{}
.centerfor a{float: left; width:114px; height:54px; background: #00736d; text-align: center; font: normal 16px/54px "微软雅黑"; color: #fff; margin: 0px; margin-left:13px; cursor: pointer;}
input.yanzm{width: 339px; height: 50px; background: #f9fed6; border: 1px solid #dcdcdc; color: #b7b4b4; border-radius:3px ;margin-top: 20px; text-indent: 8px;}
input.xiabu{width: 339px; height: 57px; font: normal 18px/54px "微软雅黑";  background: #e60012; color: #fff; border-radius:3px ;margin-top: 20px;}
.qitaf{float: left; font: normal 12px/30px "微软雅黑";}

/*for3 忘记面码4*/
.for4{
	width: 400px;
	height: 400px;
	background: url(../images/centerbg.png) top no-repeat;
	margin: 0 auto;
	padding-left: 100px;
	padding-top: 60px;
}
.for4 h2{font: normal 20px/20px "微软雅黑"; color: #333;}
.for4 h2 span{color: #f00;}
.for4 h3 a{display: block; width: 340px; height: 30px; font: normal 14px/30px "微软雅黑"; color: #449ef2;}

.step3{width: 340px; height: 46px; background: #f8dada;margin-bottom: 20px;}
.step3 h2 span{display: block; float: left; font: normal 14px/46px "微软雅黑"; color: #000;}
.step3 h2 span.steps1{background: url(../images/icom3.png) left no-repeat;}
.step3 h2 span.steps2{background: url(../images/icom4.png) left no-repeat;}
.step3 h2 span.steps3{background: url(../images/icom51.png) left no-repeat;color: #e60012;}

.for4 p{font: normal 14px/34px "微软雅黑";}
.xmm{width: 337px; height: 42px; border: 1px solid #dcdcdc; border-radius:3px ; background: #f9fed6;}
